@charset "utf-8";
/* css */
* { margin: 0; padding: 0 }
body { font: 12px/1.5 'Microsoft Yahei', 'Simsun'; color: #666666; background: #fff }
img { border: 0; display: block }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
a { outline: none; }
a:link, a:visited { text-decoration: none; color: #666 }
.clear { clear: both; }
.blank { height: 5px; overflow: hidden; width: 100%; margin: auto; clear: both }
.f_l { float: left }
.f_r { float: right }
.l_box { width: 670px; }
.r_box { width: 300px; }
.tit01 h3 { line-height: 40px; color: #38485A; font-size: 18px; border-bottom: 1px solid #E6E6E6; height: 40px }
.search { background: #31a9b3; border-radius: 0 5px 5px 0; position: relative; width: 260px; }
.search input.input_submit { border: 0; background: 0; color: #fff; outline: none; position: absolute; top: 10px; right: 8%; }
.search input.input_text { border: 0; line-height: 36px; height: 36px; width: 72%; padding-left: 10px; outline: none; background: #f3f3f3; }
/*  */
.gzwm ul { width: 100%; margin: 30px 0; overflow: hidden }
.gzwm li { width: 52px; margin: 0 18px 0 5px; float: left; }
.gzwm li a { color: #747F8C; width: 52px; text-align: center; padding-top: 60px; float: left; }
.gzwm .rss { background: url(../images/ico_04_1.jpg) no-repeat scroll 0% 0% transparent; }
.gzwm .rss:hover { color: #000; background: url(../images/ico_04.png) no-repeat scroll 0% 0% transparent; }
.gzwm .xlwb { background: url(../images/ico_05_1.jpg) no-repeat scroll 0% 0% transparent; }
.gzwm .xlwb:hover { color: #000; background: url(../images/ico_05.png) no-repeat scroll 0% 0% transparent; }
.gzwm .txwb { background: url(../images/ico_06_1.jpg) no-repeat scroll 0% 0% transparent; }
.gzwm .txwb:hover { color: #000; background: url(../images/ico_06.png) no-repeat scroll 0% 0% transparent; }
.gzwm .wx { background: url(../images/ico_07_1.jpg) no-repeat scroll 0% 0% transparent; }
.gzwm .wx:hover { color: #000; background: url(../images/ico_07.png) no-repeat scroll 0% 0% transparent; }
/*  */
header { }
.topbg { background: #f3f3f3; height: 30px; line-height: 30px; width: 100%; }
.topbgline { height: 1px; width: 100%; margin-top: 1px; background: #e3e2e2 }
.topnav { width: 1000px; margin: auto; text-align: right; }
.topnav a { margin-left: 20px }
.topnav a:hover { color: #000 }
.logo { width: 1000px; margin: 30px auto; overflow: hidden; clear: both }
#topnav { width: 100%; background: #31A9B3; height: 50px; line-height: 46px; }
#topnav ul { width: 1000px; margin: auto }
#topnav a { display: inline-block; font-size: 18px; font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif; padding: 0 20px; }
#topnav a:hover { background: #fff; color: #000; border-top: 4px solid #f77825; }
#topnav a { color: #FFF }
#topnav_current { background: #fff; border-top: 4px solid #f77825; color: #000 }/*  */
a#topnav_current { color: #000 }
article { width: 1000px; margin: 20px auto; }
/*footer*/
footer { background: #f6f6f6; border-top: 1px solid #eee; width: 100%; clear: both }
.endfoot { margin: 30px auto 0; width: 1000px; overflow: hidden; padding-bottom: 20px }
.ft-info { margin-top: 24px }
.ft-title { margin-top: 20px; overflow: hidden }
.ft-title p { font-size: 12px; color: #BBBBBB; display: block; height: 20px; line-height: 20px; }
.ftlogo { margin-bottom: 20px }
.ft-nav { display: block; height: 27px; line-height: 27px; margin-top: 5px; text-align: right; margin-right: 140px; }
.ft-copyright { color: #CECECE; line-height: 21px; margin-right: 140px; }
.ft-list { height: 100px; position: relative; }
.ft-shares { height: 34px; display: block; margin-top: 10px; margin-right: 140px; }
.ft-shares a { height: 34px; width: 31px; float: right; margin-left: 20px; background: url(../images/ft-shares.png) no-repeat 0 -999px; }
.ft-shares .shares-ucloud { width: 80px; margin: 0 5px 0 22px; background-position: 0 -137px; }
.ft-shares .shares-ucloud:hover { background-position: -100px -137px }
.ft-shares .shares-sina { background-position: 0 -102px; }
.ft-shares .shares-sina:hover { background-position: -50px -102px }
.ft-shares .shares-ten { background-position: 0 -68px; }
.ft-shares .shares-ten:hover { background-position: -50px -68px }
.ft-shares .shares-weixin { background-position: 0 -34px; }
.ft-shares .shares-weixin:hover { background-position: -50px -34px }
.ft-shares .shares-dib { background-position: 0 0; }
.ft-shares .shares-dib:hover { background-position: -50px 0 }
.ft-shares .shares-dib { background-position: 0 0 }
.ft-shares .shares-dib:hover { background-position: -50px 0 }
/**/
*html { background-image: url(about:blank); background-attachment: fixed; }/*IE6*/
#tbox { width: 54px; float: right; position: fixed; right: 50px; bottom: 15px; _position: absolute; _bottom: auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
_margin-bottom: 15px; }/*IE6 position:fixed */
#togbook, #gotop { width: 54px; height: 56px; display: block; background: url(../images/icons.png) no-repeat #111; box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 1px rgba(0,0,0,.7); border-radius: 6px; }
#togbook { margin: 5px 0; background-position: 10px -36px; }
#gotop { background-position: 12px 10px; }
#togbook:hover, #gotop:hover { opacity: 0.5 }
/**/
.cloud { width: 100%; clear: both; overflow: hidden }
.cloud h3 { line-height: 40px; color: #38485A; font-size: 18px; border-bottom: 1px solid #E6E6E6; height: 40px; }
.cloud ul { margin: 20px 0 }
.cloud ul a { line-height: 24px; height: 24px; display: block; background: #999; float: left; padding: 3px 11px; margin: 10px 10px 0 0; border-radius: 8px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; color: #FFF }
.cloud ul a:nth-child(8n-7) { background: #8A9B0F }
.cloud ul a:nth-child(8n-6) { background: #EB6841 }
.cloud ul a:nth-child(8n-5) { background: #3FB8AF }
.cloud ul a:nth-child(8n-4) { background: #FE4365 }
.cloud ul a:nth-child(8n-3) { background: #FC9D9A }
.cloud ul a:nth-child(8n-2) { background: #EDC951 }
.cloud ul a:nth-child(8n-1) { background: #C8C8A9 }
.cloud ul a:nth-child(8n) { background: #83AF9B }
.cloud ul a:first-child { background: #036564 }
.cloud ul a:last-child { background: #3299BB }
.cloud ul a:hover { border-radius: 0; text-shadow: #000 1px 1px 1px }
/*  */
.moreSelect { width: 100%; margin: 30px 0 20px 0; overflow: hidden }
.ms-top { height: 32px; border-bottom: solid 1px #EAEAEA; font-size: 14px }
#tab li a { float: left; height: 32px; cursor: pointer; line-height: 32px; list-style-type: none; padding: 0 15px; }
#tab li.cur a { color: #fff; background: #f77825; }
.bd { display: none }
.bd-news ul { padding: 10px 0 0 10px; background: url(../images/ph2.png) no-repeat 10px 29px; }
.bd-news ul li { border-bottom: solid 1px #EAEAEA; line-height: 30px; height: 30px; overflow: hidden; font-size: 14px; padding: 10px 0 0 30px; }
.bd-news ul li a { display: block; }
.bd-news ul li a:hover { color: #000; }
.bd-news ul li:hover { border-bottom: #000 1px solid; }
/*top*/
.tip { padding: 20px 10px; color: #fff; background: #31A9B3; line-height: 24px; text-align: center; font-size: 14px }
.ad300x100 { width: 100%; overflow: hidden; }
.ad300x100 img { width: 100% }
.ftlogo img { height: 40px; }
.logo_l img { height: 40px; }
.ftewm img { width: 100px }
.ftewm { position: absolute; right: 0; top: 0; }
 @media screen and (max-width: 998px) {
article { width: 96%; }
.logo, .topnav, #topnav ul { width: 100% }
.logo_l img { margin-left: 20px; }
.search { margin-right: 20px; }
.l_box.f_l { width: 65%; }
.focustext.f_r { width: 100%; height: auto; }
section.ft01 { width: 50%; float: left; padding: 0 !important; height: 160px !important; }
section.ft01 p { padding: 10px; height: auto; }
.focustext section h3 { padding: 10px 0 0 10px; }
.banner { width: 100% !important; margin-bottom: 20px; }
.banner img { width: 100% !important; }
.swiper-slide { /* width: 100% !important; */
}
.endfoot { width: 96%; }
.r_box.f_r { width: 33%; }
.gzwm li { width: 25%; margin: 0; }
}
 @media screen and (max-width: 768px) {
#tab li a { padding: 0 5px }
.r_box.f_r { display: none; }
.l_box.f_l { width: 100%; }
.ft-info.f_l { display: none; }
#topnav a {padding: 0 !important;   width: 12%;    text-align: center;}
}
 @media screen and (max-width: 480px) {
.logo_l.f_l { float: none; margin: auto; }
.logo_l img { margin: 0 auto 30px; }
.logo_r.f_r { float: none; margin: auto; }
.search { margin: auto; }
a#topnav_current { }
#topnav a { width: 25%; padding: 0; text-align: center; position: relative; font-size: 14px; border-bottom: #fff 1px solid; }
#topnav { height: auto; }
a#topnav_current { background: none; border: none; color: #fff; border-bottom: #fff 1px solid; }
#topnav a:after { content: ""; background: #fff; width: 1px; height: 100%; position: absolute; right: 0; }
section.ft01 { width: 100%; margin-bottom: 10px; height: auto !important; }
.blogs p { padding: 0 10px; height: auto !important; }
.blogs h3 { padding-left: 10px }
.blogs figure { width: 100% !important; margin-bottom: 10px; }
.blogs ul { width: 100% !important; }
.topnav a { margin-right: 10px; }
.topnews { width: 100% !important; }
}
